App.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('home');
    $stateProvider
        .state('home', {
            url: '/home',
            templateUrl: './src/page/home.html'
        })
        .state('login', {
            url: '/login',
            templateUrl: './src/page/login.html'
        })
        .state('register', {
            url: '/register',
            templateUrl: './src/page/register.html'
        })
        .state('proCategories', {
            url: '/proCategories',
            templateUrl: './src/page/pro_categories.html'
        })
        .state('proSearch', {
            url: '/proSearch',
            templateUrl: './src/page/pro_search.html'
        })
        .state('proList', {
            url: '/proList?search',
            templateUrl: './src/page/pro_list.html'
        })
        .state('proDetails', {
            url: '/proDetails?id',
            templateUrl: './src/page/pro_details.html'
        })
        .state('shopCart', {
            url: '/shopCart',
            templateUrl: './src/page/shop_cart.html'
        })
        .state('confirmOrder', {
            url: '/confirmOrder?id',
            templateUrl: './src/page/confirm_order.html'
        })
        .state('order', {
            url: '/order',
            templateUrl: './src/page/order.html'
        })
        .state('user', {
        url: '/user',
        templateUrl: './src/page/user.html'
        });
}]);